@import url("list-article.css");
@import url("list-archive.css");
@import url("list-relative.css");
@import url("avatar-table.css");

.xui-t3 .xui-gf .entry { margin:0; border:none; border-top:1px dashed #d8dfea;}
.xui-t3 .xui-gf .entry .date { font-size:14px; font-weight:bold; line-height:24px;}
.xui-t3 .xui-gf .entry h4 { font-size:14px; font-weight:bold; line-height:24px;}
.xui-t3 .xui-gf .entry .text { padding:5px 0;}
.xui-t3 .xui-gf .entry .subinfo { color:#808080;}
.xui-t3 .xui-gf .entry .text img { max-width:440px;}
* html .xui-t3 .xui-gf .entry .text img { width:expression((this.width < 440) ? "auto" : "440px");}

.xui-t3 .xui-g .box h3 { margin:0; padding:0 0 0 11px; border:0; border-bottom:1px solid #d8dfea; background:transparent;}
.xui-t3 .xui-g .image img { width:116px; padding:1px; border:1px solid #d8dfea;}
.xui-t3 .xui-g .actions ul { list-style:none; width:120px; margin:10px 0;}
.xui-t3 .xui-g .actions li { border-bottom:1px solid #d8dfea; color:#808080;}
.xui-t3 .xui-g .actions a { display:block; text-align:center; text-decoration:none;}

#comments {position:relative;margin:1.5em 0;}
*html #comments.no-comment {margin:0 !important;}
#comments .content img {max-width:360px;}
* html #comments .content img { width:expression((this.width < 360) ? "auto" : "360px");}
#comments .timestamp {color: #808080;}
#entrycomments { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.rte { width:638px; height:auto; border:none}

/* editBog.jsp */
.datalist { background:#fff;}
.datalist th { color:#000; font-weight:normal;}
.datalist td { padding:3px 0; border-top:1px solid #d8dfea; border-bottom:0;}
.datalist .title { padding-left:10px; border-left:0; border-right:0;}
.datalist .time { width:100px; text-align:center;}
.datalist .edit { width:80px; text-align:center;}
.datalist .commenter { width:80px; text-align:center;}
.datalist .remove { width:30px; padding-right:10px; text-align:right;}

/* entry */
#entry { margin:10px 0; border:1px solid #d8dfea; background:#fff;}
#entry h3 { margin:0; padding:0 10px; border:0; border-bottom:1px solid #d8dfea; background:transparent; color:#3b5998; font-size:14px; line-height:24px;}
#entry .time { padding:0 10px; border-bottom:1px dashed #d8dfea; color:#808080; line-height:24px;}
#entry .time { *zoom:1;}
#entry .text { overflow:hidden; width:440px; padding:10px;}
#entry .text img { max-width:440px;}
* html #entry .text img { width:expression((this.width < 440) ? "auto" : "440px");}
#entry .stat { padding:0 10px; color:#808080; line-height:24px;}

#editorForm p { margin:5px 0;}
#editorForm p.actions {margin: 15px 0 0}
#editorForm .label { display:block; color:#333; font-weight:bold;}
#editorForm #title { width:466px;padding:3px;font-size:14px;}
#editorForm .permission { color:#333; float:right;}
#editorForm .permission input { margin-right:5px;}

#editorForm #upFile, #editorForm .permission, #editorForm .actions {
    margin-bottom: 0.75em;
}

#comments .comment .content img {max-width:360;}
* html #comments .comment .content img { width:expression((this.width < 360) ? "auto" : "360px");}

#blogpage #wide-column h2 {
    margin-bottom: 0.75em;
    text-indent: 0.6em;
}

#blog-releative {
    border: 1px solid #CCC;
    border-width: 1px 0 1px;
    background: #F0F0F0;
    float: right;
    position: relative;
    width: 152px;
    margin-top: -428px;
    margin-bottom: 10px;
}

* html #blog-releative {margin-top: -460px;}
*+html #blog-releative {margin-top: -430px;}

#list-big-avatars {


}
#list-big-avatars table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.6em;
}

#list-big-avatars table td {
    border: 1px solid #D8DFEA;
    background: #FFF;
    padding: 0.8em;
    width: 33.33333%
}

#list-big-avatars .big-avatar {

}

#list-big-avatars .big-avatar p {
    float: left;
    margin-right: 0.8em;
}

#list-big-avatars .big-avatar img {
    width: 100px;
}

#list-big-avatars .big-avatar strong {
    display: block;
}






.composer {

}
#compose_message div.tokenizer {
	border: #BDC7D8 1px solid;
}
#compose_message div.tokenizer {
	width: 124px;
	min-height: 21px;
}

#share_send #compose_message div.tokenizer {
	width: 295px;
}




/* very old super input */

#super-input {
    border: 1px solid #BDC7D8;
    width: 122px;
    height: 18px;
    position: relative;
}

#super-input .sinput-text {
    border: none;
    height: 14px;
    line-height: 14px;
    padding: 2px;
    width: 104px;
    float: left;
}

#super-input .sinput-pop {
    display: block;
    width: 14px;
    height: 18px;
    background: #D8DFEA url(../img/sinput_off.gif) no-repeat center center;
    float: left;
}

#super-input .sinput-pop.on {
    background: #FFF url(../img/sinput_on.gif) no-repeat center center;
}

#super-input .sinput-list-action, #super-input .sinput-list-select {
    background: #FFF;
    position: absolute;
    list-style: none;
    border: 1px solid #BDC7D8;
    border-top: none;
    top: 18px;
    left: -1px;
    width: 100%;
}

#super-input .sinput-list-select ul {
    border: 1px solid #EEE;
    border-width: 1px 0 1px;
    background: #FAFAFA;
}

*html #super-input .sinput-list-action, #super-input .sinput-list-select {
    clear: both;
}

#super-input .sinput-list-action ul, #super-input .sinput-list-select ul {
    list-style: none;
}

#super-input .sinput-list-action li {
    border-bottom: 1px solid #EEE;
}

#super-input .sinput-list-select li {
    border-top: 1px solid #EEE;
    height: 1.8em;
    line-height: 1.8em;
    padding-left: 0.5em;
}

#super-input .sinput-list-select li.first {
    border-top: none;
}

#super-input .sinput-list-select li .checkbox {
    margin-right: 0.5em;
}

#super-input .sinput-list-action a {
    display: block;
    height: 1.8em;
    line-height: 1.8em;
    text-indent: 0.5em;
}

#super-input .sinput-list-action a:hover {
    background: #3B5998;
    color: #FFF;
    text-decoration: none;
}

#super-input .sinput-button input {
    margin: 0.5em 0 0.5em 0.5em;
    display: inline;
}




#blog-releative .add {
    padding: 10px 0 10px 10px;
}

* html #blog-releative .add {
    border: 1px solid #F0F0F0;
}

#blog-releative .list {
    padding: 10px 10px 0;
    border-top: 1px solid #DDD;
}

#blog-releative .list div {
    margin-bottom: 0.75em;
    overflow: auto;
    zoom: 1;
}

#blog-releative .list div p {
    float: left;
    margin-right: 0.5em;
}

#blog-releative .list img {
    width: 50px;
}

#blog-releative .list div strong {
    display: block;
}

h3.title-article {
    background: #F7F7F7;
    padding: 0.5em 0.3em 0.5em 0.5em;
    border-top: 1px solid #3B5998;
    border-bottom: 1px solid #D8DFEA;
}

h3.title-article strong {
    font-size: 1.2em;
    word-break: break-all;
    display: block;
    overflow: hidden;
    margin-right: 1.0em;
}

* html h3.title-article strong {
    position: relative;
}

h3.title-article .edit {
    float: right;
    position: relative;
}

h3.title-article .share {
    float: right;
    position: relative;
}

h3.title-article .timestamp {
    display: block;
    color: #808080;
    line-height: 1.0em;
}

h3.title-article .imported-article {
	background:url(../img/newsfeed/blogmini.gif) no-repeat 0 5px;
    font-weight:normal;
	border-top:1px solid #ccc;
	margin:5px 0 0;
	padding:5px 0 0 19px;
	width:200px;
}

h3.title-article .mobile-article {
	background:url(../img/newsfeed/mobile.gif) no-repeat 0 5px;
    font-weight:normal;
	border-top:1px solid #ccc;
	margin:5px 0 0;
	padding:5px 0 0 19px;
	width:200px;
}


.text-article {
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
    width: 464px;
    font-size: 14px !important;
}

.text-article img { max-width:450px;}
*html .text-article img { width:expression((this.width < 450) ? "auto" : "450px");}

.stat-article {
    color: #808080;
    border-top: 1px solid #DDD;
    height: 1.8em;
    line-height: 1.8em;
    padding: 0 5px;
}

.share a {
    display: block;
    padding: 3px 6px 1px;
    width: 40px;
    line-height: 1.0em;
    border: 1px solid #7F93BC;
    color: #525C97;
    background: #FFF url(../img/share.gif) no-repeat right center;
}

.share a:hover {
    border: 1px solid #3B5998;
    color: #FFF;
    background: #3B5998 url(../img/share_hover.gif) no-repeat right center;
    text-decoration: none;
}



#box-author {
    zoom:1;
    overflow:hidden;
}

#box-author p {
    float:left;
    min-height:4.0em;
    margin-right:0.5em;
}

*html #box-author p {
    height:4.0em;
}

#box-author img {
    width: 50px;
}

#box-author ul {
    list-style: none;
}

.list-blog .list-blog-ava {
    float: right;
    width: 70px;
}

.list-blog .list-blog-ava img {
    width: 50px;
}

.list-blog .list-blog-ava span {
    display: block;
}

.list-blog .list-blog-content {
    margin-right:80px;
}

.form-blogimport {padding: 20px 80px;}

.form-blogimport h3 {
	border-bottom: 1px solid #B9C4DA;
	line-height: 2.0em;
	font-size: 1.2em;
}

.form-blogimport p {
	line-height: 1.5em;
	margin: 1.0em 0;
}

.form-blogimport p label {
	display: block;
	float: left;
	width: 5.0em;
	font-weight: bold;
	color: #666;
}

.form-blogimport p .inputtext {
	width: 30.0em;
	color:#808080;
	padding-left: 3px;
}

.form-blogimport p.empty {
	margin: 0 0 2.0em
}

.form-blogimport p.empty input {
	margin-right: 0.5em;
}

.form-blogimport p.empty label {
	color: #F7F7F7;
}

.form-blogimport .imported {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	font-weight: bold;
}
.form-blogimport .imported span {
	display: block;
	font-weight: normal;
}

#side-column .bottom-box p.rss {
    margin: 10px 0 2px;
	line-height: 1.5em;
}

#mycomment h3 { border-bottom:1px solid #d8dfea; color:#3b5998; font-size:14px;}

/* viewBlog.jsp & pop & fresh */
#blogs, #blogs ul { list-style:none;}

.entry { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.entry:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .entry { height:1%;}
*+html .entry { min-height:1%;}
.entry .readmore { text-align:left;}

#blogs .author { overflow:hidden; float:right; width:80px; text-align:center;}
#blogs .author .image { display:block;}
#blogs .author .image img { padding:5px; border:1px solid #d8dfea; background:#fff;}
#blogs .author .image a:hover { background:transparent;}
#blogs .author .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}
#blogs .author .name { line-height:24px;}
#blogs .author .name a { display:block; text-decoration:none;}
#blogs .author ul { width:80px; border-top:1px solid #d8dfea;}
#blogs .author ul a { display:block; border-bottom:1px solid #d8dfea; text-align:center; text-decoration:none;}
#blogs .author ul a:hover { color:#fff; background:#3b5998;}

#blogs .info { overflow:hidden; width:480px; text-align:left;}
#blogs .info h4 { font-size:14px; font-weight:bold; line-height:24px;}
#blogs .info .text { padding:5px 0;}
#blogs .info .text img { max-width:480px;}
* html #blogs .info .text img { width:expression((this.width < 480) ? "auto" : "480px");}
#blogs .info .subinfo { color:#808080;}

/* msg page */
.message {padding:20px; }
.message .text { border:0; padding:0; margin:0; margin:0 0 20px;  }
.rss-msg {font-size:14px; border:1px solid #ccc; border-top:0; padding:10px 10px 30px 50px; background:url(../img/rss_updated.png) no-repeat 10px 15px; }
.rss-msg p span {color:#555; }
.message h3 { font-size:14px; font-weight:bold;padding:10px 10px 8px;  background:#3B5998; color:#fff;}
.message .highlight, .message h4, #messagepage .reply {display:none; }